*{
    margin: 0px;
    font-family: 黑体;
}
.header{
    height: 50px;
    width: 100%;
    padding-top: 25px;
    background-color: #fff;
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #eee;
}
.header2{
    height: 53px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 76px;
}
.header2 div{
    width: 100%;
    float: left;
    text-align: center;
}
.header2 div div{
    text-align: center;
    width: 50%;
}
.header2 div div p{
    line-height: 33px;
    font-size: 14px;
    margin: 0px 25%;
}
#title1{
    color: #3399fe;
    border-bottom: 2px solid #3399fe;
}
#selectline{
    background-color: #3399fe;
    height: 2px;
    width: 100px;
    margin-left: 12%;
    /* margin-left: 62%; */
}
#back{
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0%);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform:rotate(-135deg);
    margin: 15px 20px;
}
.woyaoqingjia{
    height: 45px;
    width: 100%;
    position: fixed;
    bottom: 0px;
}
.woyaoqingjia .button{
    width: 100%;
    height: 100%;
    background-color: #3399fe;
    color: #fff;
    border: #3399fe;
}
.area{
    padding-top: 130px;
    padding-bottom: 45px;
}
.nohistory{
    width: 30%;
    padding: 70% 35%;
}
.historylist{
    height: auto;
    padding: 8px 15px;
    border-bottom: 1px solid #ccc;
}
